<head>
	<script src="../widget/_helpers/tools.js"></script>
	<script src="_helpers/tools.js"></script>
</head>
<body>
	<!-- Captioned widgets -->
	<div id="w1">
		<p>x</p>
		<figure class="image">
			<img alt="foo" src="_assets/foo.png" />
			<figcaption>Foo</figcaption>
		</figure>
	</div>
	<div id="w2">
		<p>x</p>
		<figure class="image" style="float:left">
			<img alt="foo" src="_assets/foo.png" />
			<figcaption>Bar</figcaption>
		</figure>
	</div>
	<div id="w3">
		<p>x</p>
		<div style="text-align:center">
			<figure class="image" style="display:inline-block">
				<img alt="foo" src="_assets/foo.png" />
				<figcaption>Bang</figcaption>
			</figure>
		</div>
	</div>

	<!-- Non-captioned widgets -->
	<div id="w4">
		<p>x</p>
		<img alt="foo" src="_assets/foo.png" />
	</div>
	<div id="w5">
		<p>x</p>
		<img alt="foo" src="_assets/foo.png" style="float:left" />
	</div>
	<div id="w6">
		<p>x</p>
		<p style="text-align:center">
			<img alt="foo" src="_assets/foo.png" />
		</p>
	</div>
</body>